.signature {
  height: 100vh;
  width: 100%;
  padding: 40px 40px 40px 200px;
  // transform: rotate(90deg);
  display: flex;
  // flex-direction: column;
  position: relative;
  .canvas-box {
    flex: 1;
    border: 2px dashed rgba(0, 0, 0, 0.45);
    margin-bottom: 30px;
    position: relative;
    // height: 90%;
    .canvas {
      width: 100%;
      height: 100%;
    }
  }
  .buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    // display: flex;
    // flex-direction: column;
    // justify-content: space-between;
    width: 20%;
  }
  .my-Button.at-button {
    width: 210px;
    transform: rotate(90deg);
    // height: 100px;
  }
  .clear.at-button {
    position: absolute;
    bottom: 350px;
    left: 0;
  }
  .submit.at-button {
    position: absolute;
    bottom: 110px;
    left: 0;
  }
}

// Button {
//   width: 320px;
//   height: 80px;
//   line-height: 80px;
//   margin: 0;
//   text-align: center;
//   border: 1Px solid #F8AF18;
//   font-size: 30px;
// }
// .confirm {
//   color: #fff;
//   background: #F8AF18;
// }
// .cancel {
//   color: #F8AF18;
//   background: #fff;
// }
// .word-break {
//   word-break: break-all;
// }

.draw-wrapper {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;

  position: relative;
  .canvas-wrap {
    // flex: 1;
    // margin-bottom: 30px;
    position: relative;
    padding-left: 142px;
    // margin: 20px;
    .taro-canvas {
      height: 100%;
      width: calc(100vw - 20px);
      border: 2px dashed rgba(0, 0, 0, 0.45);
    }
  }
  .btn-wrap {
    // position: absolute;
    // bottom: 100px;
    // left: 50px;
    .my-Button.at-button {
      width: 210px;
      transform: rotate(90deg);
      // height: 100px;
    }
    .clear.at-button {
      position: absolute;
      bottom: 365px;
      left: -27px;
    }
    .submit.at-button {
      position: absolute;
      bottom: 140px;
      left: -27px;
    }
    .btns {
      // position: absolute;
      // top: 0;
      // left: 0;
      display: flex;
      justify-content: space-between;
    }
  }
}
.canvas-h5-wrap {
  position: relative;
  .text-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .text {
      font-size: 180px;
      color: rgba(134, 149, 207, 0.25);
      transform: rotate(90deg);
    }
  }
}

canvas {
  height: 100%;
  width: 100%;
}

/* 文旅 */
.draw-old-wrapper {
  & .at-button {
    border: unset;
  }
}
